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Overview of AIC 

Anime International Company Inc {AIC) was 
established in 1982 for the purpose of releas- 
ing animated films globally The company 
focused its attention on releasing animations 
on video even before the popularization of the 
medium AIC released two original video ani- 
mations in t985, "Megazone 23' and 'Iczer 1, ‘ 
breating new life into the animation world, 
Since then, it has created over 200 titles, 
including "Gal Force," "Bubble Gum Crisis, 
"Zeoraima," "Fight! Iczer 3," Peacock King," 
“Vampire Princess Miyu,’ ‘Dangaio," 

Bastard!!," “MoliTver, 'The Hakkenden, 
Macross 2, Ah! My Goddess, El Hazard," 
Tenchi Muyo!' and 'Armitage 111 Every one 
of these titles has been serialized "Tenchi 
Muyo!,' 1 "El Hazard," and "Ah! My Goddess" 
have made their way to television and the big 
screen, AIC plans io continue to make lively 
and exciting animated films. 

AIC has also established other divisions 
focusing on CG business (AIC Sprits) and pub- 
lishing business (AIC Club). They plan, devel- 
op and produce amme-reiated computer 
games, CD-ROMs, console games, publica- 
tions and other merchandises 


The authors of this book, Hiroyuki KTazume, 
Matsuri Okuoa, and Akihiro Izumi are engaged 
in animation production work at AtC Besides 
the authors, there are many talented artists 
and specialists working at AIC Their work has 
been highly acclaimed in the animation indus- 
try worldwide. 

The authors 1 representative work 

Hiroyuki Kitazume 

Picture Director on "ZZ Gundam" 

Picture Director on “Megazone 23, Pad 3" 
Director and character designer on 
all six installments of "Moldiver " 

Matsuri Okuda 

Director and character designer on 
"Havenly Wars Shurato” 

D i recto i and character designer on 
"Legend of Galactic Heroes" 

Key drawings for "The Hakkenden" 

Akihiro izumi 

Key drawings for "Silent M_bius" 

Key drawings for "The Hakkenden " 

Key drawings for "Ah! Mv Goddess" 


Assistance: 

Anime Spot and Studio BIIHOU 

Addresses of AIC 

and Yoyogi Animation Gakuin 

AIC 

AIC Digital Bldg 
3-19-9 Nakamura Kita, 
Nenma-ku, Tokyo I 76-0023 
Japan 

Yoyogi Animation Gakuin 

1 -20-3 Yoyogi, 

Shibuya-ku, Tokyo 151-0053 
Japan 



Upon Reading This Book 

!t looks like there are quite a few people out 
there who want to become an animator or 
who want to work in animation production. In 
fact, not a day goes by that a cartoon is not 
shown on television, and in Japan, anima- 
tions get higher audience ratings than dramas 
starring popular actors. It is no wonder that 
people want to try doing it themselves* 
Nonetheless* compared to the large number 
of amateur cartoonists out there, as seen in 
’he flourishing comic market, the number of 
amateur animators and amateur animation 
artists has just recently become quite sub- 
stantial* 

There could be several reasons for this. One 
reason could be the prevalence of secrecy in 
animation production. Another reason could 
be the lack of opportunities for amateurs to 
present their works. 


This book was written in the hope that it 
would be of some help to amateurs who are 
interested in animation production and peo- 
ple who want to be an animator. Animation 
production should be fun, even if you do not 
know the minute details of the techniques 
used by professionals. We would like nothing 
better than to have even one person who 
reads this book learn how much fun anima- 
tion production is and contemplate it as a 
career choice. We are also confident that the 
basic knowledge of animation contained in 
this book will help people create comics filled 
with film like qualities. We hope that those 
who read this book, including those striving to 
become a next-generation comic book author, 
will use this book as a stepping stone to 
becoming a creator 
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Introduction 


This is how 
animations are made. 




Planning meeting 


- 


Plan 


D 



Scenario 



! Negative editing | 


Postrecording 


r 


Dubbing 



Printing 

, I . 

Screening 



Work of finishers 

■ * -V 


Work of animators 


Completion 
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Animation production process i 


low am oH animations made 7 The process can be 
divided into three majur areas planning, pioduction 
v materials (pictures and sounds) and turning the 
jmpleted rn arena Is into 5 film The process most 
nmiliar to the general public is the production of 

■ itorifils, but there are many other people that take 
if? in the production of an animation A total of 

■ ore than 100 people are involved in the production 
>f a 30-rninuie animation 


In Japan lhis process is followed in almost all cases 
when producing a cel animation but the process 
may diftei depending on the country or production 
company For instance, fp the United Slates or 
Europe, the sounds may be recorded first and the 
pictures drawn to fit the sounds (this is called pre- 
scorrngh The order may he different but both 
approaches will include the same stages And the 
stages wifi pretty much involve the same tasks 


Planning meeting 

nportam people get together ro talk about whether 
ihe animation will be for TV or video, Whether it will be 
.) minutes or an hour, and what kind of story it will 
have. 

Plan | 

The things decided at the planning meeting are put in 
writing to be presented to sponsors, TV stations, 
sailers, etc. 

Scenario | 

■ plan i$ turned into a script so Thai there is logical 
jevelopment 

Storyboard | 

Tm? i s a seen arici with pictures created based on the 
scenario to determine haw la construct scenes. 

Postrecording script| 

'his is a script for voice actors that contains the lines 
?akan from the storyboard 

Character modeling | 

^Hhon of character blueprint for animators. 

Art parameters | 

blueprint of background and buildings, etc., for 
animators. 

layout | 

Drawing of actual scene compositions in full si^e 

nly points for moving oi characters arc drawn 

Animalion drawing | 

Character movements are completed based on key 
drawings. 

|~ Backgrounds j 

Drawing of backgrounds based on the layout 

Color designation | 


Coloring | 

Color is added to each cel. 


Special effects | 


n I rl h / 1 






Cel/background check | 

Completed cefs and backgrounds are overlapped to 
check for errors. 


Cels and backgrounds are photographed ai the 
direction of animators 

Dev eloping | 

The film >s developed. 


Photography 


Rush (positive) editing | 

Prints are edited and time/timing are adjusted, 

Postrecording | 

Voice actors are recorded speaking their lines in sync 
with the animation, 

r~Regative editing | 

The same editing is done with the negative (original) as 
was done with the positive. 

^^Dubbin^^^J 

Finished sounds are added to the edited negative 

Printing | 

film ^or showing is printed tn the case o * television, 
it is put on video. 

| Screening | 

import mi people preview the completed Mm to 
evaluate it 


instructions regarding which colors will be drawn 
v, her* are written on cels 
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Description of work involved in animation production 


) 






ll 


Scenario 


2 | Presentation (storyboard) 



Vmmatimt <l<v*k 


The storyboard specialists working untiM the guid- 
ance of the director draw a storyboard based on the 
scenario The storyboard acts as a Blueprint during 
The remainder of the proieci The storyboard 
includes the scenes, spoken lines, sound effects 
number of seconds and other information The peo- 
ple in ail of the production sections will be able to 
understand n at a glance. 


Wrrtfen by a scenario writer based or, the theme 
decided upon in the planning stage The sentences 
describe each pan in a cinematic style while con- 
veying the intern of the author Charade* move- 
men rs. settings and spoken lines are then divided 
into scenes The scenario acts as the foundation for 
production o* Pie animation. 



Sign Ik mnl 
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♦ Tools and supplies for animation 
production 

Storyboard paper: This paper is primed in a 
form that makes it easy to create the story- 
board. which is a scenario with pictures. 

Stop watch Used by animators and directors 
to measure the length of character move- 
ments and determine timing 


Tracing box: There is a fight inside that allows 
you to see through multiple layers of paper. 

Animation desk: A desk designed specifically 
for drawing. A portion of the top surface is 
embedded with frosted glass with a fluores- 
cent lamp below it. This makes it easier to see 
through paper There is a desk for finishing 
work that has no incline and different shaped 
shelves. 



3 | Drawing 

animator s job is very diverse First, the amma- 
■ :• oosl design < : ind model characters at the same 
‘ " e thar the animation is being planned and the 
scenario is being written Designing involves com- 
"■g yp with characters, Modeling involves putting 
□gather a collection of facial expressions and poses 
or later reference to make i he animator's icb east- 
■ When the storyboard has been completed, the 
- mator creates a layout based on the storyboard. 


Layout work is the process of dehJy fitting the 
source of the pictures that wilt act u all v appear on 
television within the frame tepresenm j *< . te:e. 
sion screen printed c ayo.-! pacer "he r* eser-ta 
non is then checked When the go-ahea j s g ven 
character drawings and movements are gradually 
con 'ipieted based on the I a y t o at * e \ d r a w i r g s 
proofing of key drawings animation drawings and 
proofing of animation drawings When the Key 
drawings are drawn, a time sheet indicating the rim- 
ing of character movements is i Hed in. 




Annual Hilt 



Mr. Hiroyiiki Kilazunn dranin^ 



Time shcri 


Production Division 

This section is at rhe cen- 
ter of animation produc- 
tion. It comes up with a 
budget, brings together 
the necessary staff, diaws 
up a schedule, bridges the 
gap between sections and 
manages the animation. If 
plays an important role. 
Without it. the work would 
not get done 


°eg bars: These keep multiple sheets of anima- 
tion paper or cels in position. They are used 
mainly by animators and finishers. They are 
also built into the photography table. 

Layout paper: This paper has a film or televi- 
sion frame printed on it to make composing a 
scene easier. 


Animation paper: Paper designed specifically 
for drawing animations. It has holes for ptac 
ing it on the peg ban 

Time sheet: A table that contains information 
about how a moving picture will appear on 
television and the timing of the presentation. 
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animation rnlm* 
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Finish 

Them are also many finishing tasks First you have 
to decide what colors to use after the animator has 
finished character modeling You should thin* of the 
overall tone of the pictures and keep the back- 
grounds in rn nd You then put all the selected colors 
on a color designation table so that none o f the fin- 
ishers makes a mistake, 

Next, you designate what colors will be used on the 
animation drawing received from the animator. This 
task involves writing directly on the animation draw- 
ing what color should be used, since the same char- 
acter may be colored differently depending on the 
scene. 

When the above tasks have been completed, the 
penal lines of the animation drawing are traced on 
cels which are then colored with animation colors 
Fog and gradation are called special effects T hey 
are drawn with an airbrush Completed cels are 
checked and if they pass they are sent for photog- 
raphy together with backgrounds 


£J 
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♦Tools and supplies for animation 
production 

Col: A dear acetate sheet that is the same 
shape as animation paper. Characters that will 
appear on television are drawn on cels and 
colored. 

Tracing machine: A machine that copies pencil 
lines on animation drawings to cels. Lines 
drawn with colored pencils are not copied 





(flukillrM ill 
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Animation colors: Paints designed specifically 
for coloring cels. They are water-based, but 
they are water-resistant when dry. 

Stirring rod: A rod used to mix animation colors 
that have separated. 

Airbrush: Used to draw fog and gradations. 

Pen: Used for color tracing and other tasks dur- 
ing preparation of cels. 




Backgrounds 

T>:e e are a number of background-related tasks. 
; st, art parameters which determine the world 
» ew of an animated film, are created. They a- F e 
signed to standardize the tone, touch and sei- 
' gs The layouts received from the animator are 
- a called key background drawings The individual 
: > grounds that will appear on television are 

■ awn based on the key background drawings 
backgrounds are drawn on regular drawing paper 
-.= ug regular poster colors. Airbrushes .ire also used 
c i te a bit, but gradations, blur, clouds,, light hitting 

■ object and other effects are drawn by hand The 
mpleted backgrounds are sent for photography 

together with cels after being checked by the art 
director 


Photography 

Completed ceis and backgrounds are overlapped 
and photographed They are photographed on a line 
drawing table (photography table) a camera setup 
designed specifically for photographing animations, 
one frame hi a time as directed by The animator. The 
table on winch F he cels and backgrounds are placed 
and the camera can both be manipulated to create a 
variety of effects. 






I inf drawing l able* 
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Poster colors: Used for drawing backgrounds. 
They are somewhat water resistant after dry- 
ing. They can be extremely powerful tools, 
depending on your technique. For instance, if 
you are quick, they can be painted oven 

Gloves: Used to prevent oil on your hands 
f rom getting on cels when you touch them. 


Line drawing table (photography table): A table 
used for photographing animations. The cam- 
era faces down perpendicular to the table, 
where cels and backgrounds are placed for 
photographing. The table can be minutely 
manipulated in a variety of ways, including 
rotation and sliding. The camera can be 
moved up and down to accommodate both 
wide and narrow shots (these are controlled 
by a computer). The shutter is activated by a 
foot pedal 




-O ' - i r 

Images before We 
Get into Animation 
Production 


H s ■in impression that there Me a loi of people 
who ipKe only l he pictures in animations Such peo- 
ple like the characters rather than the animations 
themselves. There is nothing wrong with this, but 
a— cannot help but think that so much more tun 
could be had if people would take the next step 
Let s learn the basic terms related to images irr 
order to get a feel for creating a television picture 
and not just a picture on paper 


What is the size 
and at what angle 
is it seen? 
(Picture types) 


Size 

You begin with an awareness Q j the existence of the 
camera The television picture frame is something 
you do not have to worry about if you are just draw- 
ing pictures. All images, including animated images, 
lit within this frame The shape of the frame is fixed 
Consequently, the size of the character in the pic- 
ture can be changed to create a desired effect 
When thinking of the composition of a picture vc _> 
must be aware of the picture frame and the size a* 
the character within the picture How well 'his s 
done affects the presentation Types of sues are 
shown on tne following page 
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i Long shot: The character is shot from a dis- 
tance. Small movements are hard to see, let 
ilone f aciaf expressions, but it is easy to grasp 
speed and di stance when the character is 
made to walk or fun. 


4 Waist shot: It is easy to present the move- 
ment of the hands and arms. The lower body 
cannot be seen, but the state of the lower 
body can probably be figured out from that of 
the upper body. 



2 Full body shot: The entire body of the ch a rac- 
er just barely fits within the frame. It is easy 
to express exaggerated gestures without 
v hanging- the location of the character much. 


5. Bust shot: Good for showing both the facial 
expression of the charactet and what is going 
on around the character. In television anima- 
tions, this shot is often used when a character 
is just talking, 



3, Medium shot: The character is bigger than in 6 Full face shot: The face takes up the entire 

a full body shot. The facial expression of the frame. This shot is often used when you want 

character can be distinguished if the head is to emphasize the facial expression of the 

large. A shoulder bag will fit within the frame. character. 


7, Close-up shot: You are so close that the entire 
face does not lit within the frame. This shot is 
often used to create a powerful image that is 
almost palpable. 
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Position and angle 

looking up? Can you draw with perfect ease a char- 
acter as seen from the left or from the right? 
Practice until you can draw a character from a vari- 
ety of positions and a variety of angles, as if the 
camera were moving around the character 



What angle do you use when you draw a character? 
I he! many o* you draw a character as seen from the 
left of center And I bet people who are used to 
drawing a character from this angle can complete a 
picture in no time But can you draw a picture of a 
character from above looking down or ftom below 












How long will actions 
appear on screen? 

Length unit (cut) 

A cut can he thought of as one frame in a manga It 
can also be thought of as each individual picture in a 
him. A cut differs from frames in manga «n two 
ways the shape of the frame is fixed (e Fectangle 
with h fixed aspect ratio) and only one cut can be 
shown to viewers at a time. In the case of manga, 
you think of how best to divide a page into frames 
to create the desired effect, but in the case of films, 
you think of how to create the desired effect by 

Relationship between time/scene/cut/picture(Example) 



I ui * In tin* , nrit* -^vni* mnsisK i»l five i. s:N. 

I 1 1 1 1 f 

Each nidi Hi niii il i n tum 






moving the camera or using chat ac ter movement 
within a cut In addition, it is left up to the reader just 
how fast each frame in a manga is read, but the 
length of each cut in a Him is determined by the 
director and presented to viewers. As such, the 
length (seconds) of each cut mus! be deter ruined 
based on careful calculation before being |omed 
with other i/ uts 


You create a story by dividing single scenes into cuts with some 
dramatic intent Each scene s made up of several cuts. Each cut 
contains a senes of pictures that depicts some movement. 
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In the case of film used to* photographing ani- 
mations, approximately 24 frames equal one sec- 
ond of animation (by comparison, n the .ase O' 
video signals recorded or magnetic tape approx- 
imately 30 frames equal one second of video i In 
the case of filming of an actual event, the mage 
in each frame is slightly different, but m the case 
of television animations since each picture has 
to be drawn by hand, making »t a very time-con- 
suming task, the same picture is usually pho- 
tographed on three frames This reduces the pro- 
duction time and cost of animations and allows 
for addition of unique modulation to movement 
1 1 ns unique modulation is what distinguishes 
Japanese cel animations from other types of arn- 
Hit samr |»muht manons 
]*■ phofu^rnphuci 

mi t liter inning. 


Same picture on 3 frames = 8 pictures per second (24 ^3X8) 

i . . j raraaaiaaaa.1., • - - J a . . i. - * m*M i aa-raaB.!.- . - - , a aa m i i ■ - f +**■ - a i a- i + a- r ■ P “ J m J r a a a * a- ■* L H a ■ a 4 . lll»- ■ - • .1 



* sun.-! that you have all experienced the lingering light you see when you loof at # fluorescent light or 
-r source of light for a shori time and then look away. The image is burned onto your ayes and does not 
fr appear right away Thus is called an afterimage. All films including animated films am based on this phe- 
- nenon fNot- 1) In animations, since colored characters move pictures should t> j drawn in clumps ol coF 
Wi I Note 2}, 


Afterimages 

Utilizing optical illusion 


For instance when the warning lights at a railroad 
crossing flash, it looks like the red lamp is moving 
back and forth. It is not actually moving. It is simply a repetition 
of the lamp on one side being turned off when the lamp on the 
other side is turned on. but to us <t looks like the light is mov ng 
This is the principle behind animation {and all other film> An 
image (a picture) disappears and a similar image la different 
picture) appears, but because of afterimages the previous pic- 
ture remains family m The eye. The pfeviot=s picture slowly 
fades away and the next picture becomes clear Afl of this hap- 
pens in an instant. If the shape of an object is different it will 
look 'ike the object has changed shape. If the location of the 
object is different, it will look like the object has mover) Since 
the two processes of disappearing and appearing occur quickly, 
to humans it looks like movement 


Note 1 

U .-’ll. - - * ’ 


Note 2 


A tree, for instance, should be a combi- 
nation of a clomp of green and a brown 
Cylinder, This concept differs from a ' Manga” style 
drawing, which stresses linework to create an 
object's shape. It is not the contour lines of the face 
or clothes drawn with a pen or pencil that are 
important. It is actually the ar ea (volume) of the col- 


ors painted within those contour iines that is impor- 
tant, These clumps of color stand next to the shape 
of a face or next to the shape of a machine and they 
change moment by moment. These changes in 
clumps of colors look like movement thanks to the 
afterimage phenomenon 


How to Make Drawn Objects Move 
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The following can he used Id move pictures based on The att9ffflWB0 phenomenon 


1. Movement 

2. Transformation 

3. Enlargement and reduction 

These can be used separately or in combination to 
1 1 uik e a n i mation pit :ti j r en m o ve Wh e n a ft e i npting to 
make an animation picture move, what the beginner 
has to be most careful of is the sense of "depth." 
This could also be referred to as 'understanding 
space, Duong tbrs process, a three-dimensional 


object is depicted in two dimensions. Here the dis- 
tance between the camera (vantage point) and the 
subject is important, Draw an object in terms of 
what direction it is facing -and how it looks in relation 
to the van i age point. 


U 


Movement 


When an object changes position w>thm the picture 
without changing shape, it means the distance 
between it and the camera remains cons*ar * 
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Movement 
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Transformation 


: * u ■■ ■ tv/o types " t r ri - ‘ - - + • - O r e <s whom :be abject itself char ges snapr .ind 
e other* ^ where jn ob evr chang* ■ aoe twc-a;mensionallv because tn^ viewing angle 
-w • hangeo eve ,; mo ugr the >b t s ‘ho. same. The familiar scene in which a cnaran 
ter looks baa is an example w the latter type of transformation, as shown in :r>e figure 


Transformation T ■© X 
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Enlargement Cl m %> 


Enlargement and 
reduction 

This is the only way to express depth, Since 
■n. object far away will be smalt and one 
:w,h will bn big, an object can be made to 
neve toward or away from the camera by 
‘hanging the size of the object 
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Chapter 1 


Drawing Animation 



Pictures 


• 'JF ■ ■ 


i-rom H Mr idive? Resource Collaciion published uy A I C Club 




1 ■ Decide What You are Going to Draw 

♦ Create an image in your head. 

♦ Decide what you are going to draw before you draw it. 

<Pose / Camera angle> 

li is certainty fun to go wherever your hand takes dear idea of what the character is like before you 
you when drawing, but a is important to plan ahead start drawing, 
when drawing for animations You should have a 


Try to create characters that can be described by 

the people who see them. 
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♦ Make your characters distinct 


<Character table> 


1. Age? 


2. Gender? 


Grade school, high school, young, middle aged, 
elderly, etc. 

Male, female 


3. Personality? Cheerful, gloomy, thoughtless, high strung, etc. 


4. Features? 

5. Stature? 

6. Clothes? 


Foreign, old Japan, rich, rebellious, etc. 
Tall, thin, muscular, etc. 

Formal, casual, uniform, etc. 









♦ Determine the size within the paper. 



Have you ever bean drawing a picture without giv- 
ing i much thought and suddenly found that the 
legs do not fit on the page? If you do not plan ahead, 
a ihe time you pur mo a drawing could very wen 
go down the dram Them -s always a suitable way to 
present what you am try rig to express m a picture. 
” rst, irw ■ :ibou f .vhat ”= :e is necessary 


t All of what you draw on paper * 
- will not appear on the screen. You ■■ 
I have to be careful, because only * 
the portion of the picture within a * 
frame placed at a fixed position * 
on the animation paper will 
appear on the screen, > 




Xnimation 


paper 


« 




(X 1 You can best see how the character 
is holding the card, 



2 You get a good idea of the card and 
the character 



3 You want the card to be seen and the 
character is secondary. 


24 






<Pen cil techniques:* 



Mrart will* 
itu' puiiuui 


Do >Qu eve fine) :hat vour drawings do nor look right even 
: hough there \% nothing wrong T r , the *Drm ? Or maybe a 
drawing does not look goob even though you traced over a 
good drawing done by a friend The reason for this is the 
hnes. D raw p n g go od pencil lin e r , ■ n d o wo nder s \o a d raw- 
ing Several examples have been presented for your refer* 
once 


Good 


ft does not take long for the tip of a 
pencil io become round. You should 
rotate it so that you are drawing 
with the pointed part of the lead. 


Good 


Where lines come together and in fine areas 
prevent globs by pulling lines up short, 


Good 


If you look at drawings done by professional cartoonists, 
you can see that their lines often have breaks in them. 
There is no rule that says that fines always have to be 
connected. Breaks in lines have the effect of making the 
shapes of objects clearer. 


Good 


Draw lines vigorously and long 
using one or two strokes. Unsteady 
Irnes and lines that have been 
retraced several times do not look 
good. 


You want to express the pointed ends of eye 
lashes using the lines as well as the shape 
Draw them with a flick of the pencil. 



2 . Do Not Make a Clean Copy Right Away 



Draw outline 


Lignt v draw a general outime Decide or the cose 
of the character The lines at this stage are rot yet 
The ‘correct* hnes These lines will be erased later, 
so there is no r eed whatsoever to draw them* care- 
fully. Be bold! 


A. In addition to characters, how you leave space 
open is important to a good-looking picture 

B. Lines are light These lines will only be used as a 
reference as you draw your picture. 




Drau thi di.n.v Iri |. h I'dtm i s* » i arart^r parameier> 

(balance iht> <*t?r nl flu- he.nl :irid body I* 
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Compare the main parts 

(balance the head and shoulders, etc.) 

Gradually make the shapes a little more concrete. 
When doing so. compare the size and length of the 
parts to see if they are well balanced. 


A. Think about the flow of the center of the body. 

B. Confirm the position and tilt of both shoulders 
and make sure the pose is the one you intended 
to draw, 
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Process 


Arrange parts (eyes, 


nose, mouth, 


etc.) 



As with the overall character, do not start drawing the 
face by drawing a bold mouth or eyes First, decide where 
toe mem oar*-- lit e the eyes, nose, mouth and ears i gc 


Where you place the eyes, nose, mouth and ears deter 
mines the direction and inclination of the face. The same 
thing goes for other parts and accessories on the body. 
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Process 



Begin to add fine details 


Add more details to the character. Draw the expression of 
me face and hands and add clothing This concludes the 


..I me 


A. The curve of the cheeks is a delicate area. Even a very 
slight difference can change the character, making it 
fatter or thinner 


3 Pay particular attention to the size of the eyes. Think of 
both the ids and the whites of the eyes. Make sure both 
eyes point in the same direction. 

C You can prevent the hands from looking bad by making 
sure the fingers are not parallel. 


[ncorriH‘1: The left rye is too low 
and it lias Inst its shape. If you 
think ii does not Wk right. du not 
hesitate to draw it again. 




Do not look at jusl the lines, balance it with the volume of color. 



From "Motdiver Resource Coflection" published by A1C Club 


c-: 


W 


w,v> 



a The character's expression, 

B The character i$ looking up. The eyebrows, eyes, nose and mouth are higher 
than usual. Be careful how you form the chin, 

- Try drawing characters facing to the right sometimes rather than always to 
the left. Eyebrows are drawn like this when the character is perplexed. 

Try drawing characters from other angles as well. Discover how characters look in 
different situations. 
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The character's typical expression. 

How do the eyesi look when a character laughs? How about the eyebrows? 
Are the eyes and eyebrows farther apart? Note the shape of the mouth 
c Note the height of the right and left eyes. The right and left shoulders are 
also inclined, so their height is different 
<? Be bold and try to find interesting expressions. 


//> 

u/r 




ry //v 


n 















3 . Put Lines in Order and Make the Shape Cleat 


Process 



Find extra lines and incorrect lines 


Continue !o draw necessary lines and shapes You 
may feel like first fines vou drew are starting to 
get in the way but do not erase them just yet They 
wilt continue to act as a guide as you draw. 

It appears that the lines at the locations indicated 
are no longer necessary, but this is not true, 

• The tines at location i are necessary to make 
the hair look more like hair. 

• The lines at location ( 2 ) are necessary for think- 
ing about the sags and wrinkles of clothes. 

• The lines at location 3 ’ are necessary to con- 
firm the width of the chest. 


The overall image is becoming clearer. From here 
on n, as you draw look f or the lines that you will 
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Carefully draw the fine areas 

'■**er you have finished the general form, review the 
? areas again. The overall appearance of the pic- 
? ‘9 will only be one-tenth of its potential if you do 
Hr e hne areas halfheartedly. 


Be particularly careful with the areas indi 
cated, Oddly enough, people tend to look at 
these fine areas. The eyes and mouth affect 
the expression and personality of the char* 
actor. 





m 




/ 


■ 


At ihis poiffl. the pieiiire is near completion i- Mike one filial cheek for deviations in the Iona, 
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© In the case of 
a normal picture 



O In the case of cel animation 



Normal ml or 


Highlight 1 1 1 ri filter 
than nonoat color) 


This I inf is no! a contour 
lint*, 1 1 is the bonier 
between the light ami dark 
purl ton 


Shadow 

color 


Process 



Add shadows 


Shadows in animations give characters which are 
essentially two-dimensional a three-dimensional 
feel The unevenness of a picm r fl is made eas er to 
grasp depending on how the light hits a character 
Shadows are indispensable for rea f unsized Char- 
acters. considering the heed to make a character's 
presence felt within the screen Shadows are drawn 
with a colored pend This completes the rough 
sketch 


Gradation shadows are not used much in cel anima- 
tions, There is a dear distinction between bright, 
normal and dark portions For that reason the bor- 
ders between the light and dark portions are 
extremely important 


| Shadows are a pattern 

| This may be misleading, but animation shadows 
1 are often drawn in the form of a pattern. Nicely 
shaped shadows are sometimes drawn to make 
a picture look good after considering the direc- 
| tion of the light and the solid 
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Carefidb eonsidrr 1 1 ■■ iiiirvi iiiii 1 :^ of ihe suhd when drawing. 



Make a clean copy 

A i this stage you tentatively finish your picture In 
'erms of the animation process you will have com- 
peted a key drawing. Make a clean copy by tracing 
your picture with excess lines on a separate sheet 
jt paper using a tracing box. Make minor correc- 
■rons to lines and shadows as you trace without 
destroying the atmosphere of the lines and shapes 
Process 7 


Process 






Spend plenty of time on the Hue pails so they du nol look floppy. Draw shadows with n enkrijd pendL At lhi> point, 
tbr piclure riol have to be very colorful. \ou j«s?l Itrne lo be able In ilisliiigiij?]] between li&hl and dark 




. Clean-up 


The cleaning up at this stage differs iron" that m 
Process 8 Cleaning up at this stage 'S done to make 
a cel Special tines are drawn during this clean-up 
This drawing will be the source of the picture (cel 


image} that will actually appear on the television or 
theater screen This clean-up is the final task of the 
animator 


Process 9 / Cleaning up contour lines 


Start by cleaning up regular contour lines (called 
sold lines} Note The following s«x points when 
cleaning up solid fines- 

1 Just like calligraphy or inking in manga, avoid 
retracing a line you have already drawn whenev- 
er possible. 

2 Make the shade of all lines the same 

3. Draw Ines in one stroke without hesitating. 

4 When you draw one tme bv connecting two sep- 
arate lines, make the point where they join as 


inconspicuous as possible. Raise your pencil like 
an airolane taking off and bring down where the 
lines Will ]Qtn like an airplane landing 

5. There is no need to worry about the orientation 
of the paper on the desk. Move the paper to a 
position where it is easy to move your hand m 
rhe direction of the line you went to draw, 

6. Be sure to exploit rhe accentuation and atmos- 
phere of the lines in the picture drawn up to 
Process 8 



mm 


W/JV.-rVlS/; 






tili-an iij, will) tin drawing from Proiws> K undempath. 
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Example of clean-up done poorly 

The lines are wavering and the smooth- 
ness of the cheeks is gone. Try drawing 
with brisk and smooth strokes. 



Do i up! think just aijoifl Irnring the piettnv underneath, Tliink of I he new drawing 
a- J finished product, Keep check hi£ how the nov picture looks ns you ilrmv. 


41 




Process 


Cleaning up shadows 


You use a colored penal when cleaning up shad- 
ows. Vermilion and other warm colors .are often 
used. For the parts to be done in a dark color (shad- 


ow color! distinguish them from the other parts by 
coloring very lightly using the edge of the colored 
penal This completes the animation drawing 
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Hiroyuki Kitazume's Drawing Advice 



General comments 

When you use your imagination to draw a machine 
or tool, study the use and structure oi an actual 
so you can make it look realistic 


II 


Win is rhrn- a 
runujilu wind* 

4 m i M im i rmunl 
Think 

1*1 n Hit llir lllr^t - 
(jjtt^iMunil etlnt 
h yini 4 mv>. 


flu- »lim inf! will UT Min t 
dimc/ivjtiiui! it v«»u Mr.iu ihi> 
n hMt*m4lij> K- tni fr: tin 1 axt> 
<>f Mtr tn^’ld^r jikJ llii 

*t'ph(trf,jl in ;il .i- i'MIhIU ' V, 


Here are some pictures done oy rook- 
ie animators, I will fist some things to 
check for when drawing 


Evmtt i! s i h i drau 
IN |-,fw;r ! j v r. 
Htnvk tfiinpji Mij: 
WKiuJd mmnaJiv 

d 

smi Mwi 

M*r i^.jr !n I** 

parallel. 
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Scenario 


Be ca infill wiih llie balanci 
(j>roporl imi I «>1 I hr body. 


When drawing for fun, a is good to draw the Sur- 
rounding background and not just the character. 
Practicing expressing a three-dimensional effect in 
the two-dimensional space ot a drawing is a very 
good way to improve your drawing ability. ^ 


tinges m iTnrv- stiii lions 


K \ vd in fe rrei f from I J>* ■ 
fact; nf I he stage 


i- iking down from ilium: J 


Pt-i^-pcclivti estate m 
r ‘ 1 1 1 1 it y spaces os well 


Moke sure ihe fed 
iire firm]} planted on 


i 



45 




Try drawing li v**s rind 
fitli’T objects* 111 ,i vnnrh 



r>( way* In iinpiovi un\ 
range nl c\prc<rw>a. 


Scenario 


The anist has done a aood 
job o i drawing soft, clean 
euaes I think the drawing 
would look even more natu- 
ral if the ant st would 
observe the real world suen 
as wrinkles on clothes 
before drawing 


Pay -i li.tr ir i mr > 
attention tn Inm 
draw wrinkles. 


some mnjv 
, Warning htow lo 
\ draw hands 



Scenario 


When drawing a picture for an ani- 
mation, you should tidy up the con- 
nections between lines and the 
form a bit more Paying attention 
to the shape of the body in clothes 
and the position of forms wilt result 
in a more three-dimensional and 
natural drawing, 


Tidy up I i IN'S* 

leaping m mmd 
that color will !-r 
added hirer. 


I lie lirrk 

LJiiiiiilund 
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Chapter 2 


How to Add Colors to 

an Animation 
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Cel Animation Materials 


Making a cel animation involves many processes, so 
you end up with an enormous number of drawings. 
These drawings eventually become one of two 
types of pictures, a cel or a background it is the ceis 
and backgrounds that are photographed. The cels 
and backgrounds needed for photographing are 
called photography materials or just plain materials 
Animation (drawing), finishing and background (art) 


could be thought of as the sections that create 
these materials. 

n takes the cooperation of many people to make an 
animation, but each task is done separately As 
such, each section needs to have a good grasp of 
what is being done in the other sections in order to 
make a good animation 


Animation drawings are transferred to clear sheets made of acetate, 
which are then colored This is the first time that the moving 
pictures have color. 


Cels I ng» 



Animation pi i lure ..win on the television -nwn 
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Sack | Rough drawings done by an animator are 
ground^J transferred to drawing paper and colored 
using poster colors. Unlike drawings of 
characters, contours are not drawn with black lines. 
Backgrounds are drawn with only color tones and the 


■ ; 


' 1 1 1 m ' 

. . ' . 


f ..- . -v 

^ J " 

•- 


Animation b Movement is completed with a character 
drawings | consisting of only lines. They are drawn 
to fill in the space between key drawings. 
The lines on these drawings will be transferred to cels, 
so they must be drawn cleanly. 


Vu [million lirawing and background overlapped 

this is what it look* like when a cel is placed or a back ground. They are photographed in this state. 
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Example of t ill* »r iJrsipul h > r lalip- 


Creating Cels (finishing) 


Cels a f e what actual I v appear on [Me screen so iney 
have to be done carefully. Good drawings and 
movement done oy the animator will not do you any 
good 1 1 the cels are dirty, Errors are minimized by 
proceeding systematically. As for coloring of cels, 
there are many different ways of going about it arid 
all have to be done properly Some tasks can only be 
done by someone ’who is used to doing them 

1 Colo, designation SSS*" 


In order to proceed systematically, you first have to 
designate what colors to use. You decide in advance 
what colors to use where and make a color desig- 
nation table. You write the color numbers on the 
main animation drawings using a colored pen based 
on this color designation table 


' 



Hajr/pyebrou > 



Pupil h 

Whites of 
i-V'Wlnuhligh! 

Skin 

Earring 


\iiimiilioti drHuing nith color ih'M^imliifcii* 

Dr^igiMlc 1 it I Ir detail will mul nuikin^ hms mi&jakc'S- 
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Transferring animation drawings to cels 



2. Tracing 


V- 


The next step is to transfer the pencil drawings to 
cels using a tracing machine. A cel, carbon paper 
and an animation drawing are placed in that order on 
a mount called a carrier. The carbon paper is placed 


so that the side with the ink on it faces the cel The 
carrier cover is closed and the carrier is run through 
the machine. The pencil lines on the animation 
drawing will appear on the back of the cel in ink. 



A cel created by the tracing machine. 



Yon can see that the lines on the cel are blacker than the pencil lines. 



The tracing; machine being operated. 
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When you want to correct lines That the tracing * 
machine did not transfer cleanly or when you want * 
to draw contour lines in a color other than biiack, you * 
use a pen and draw on the from of the cel by hand s 


It is possible to transfer all the drawings this 
way. Aside from the fact that animations 
require tens of thousands of drawings, it is 
sometimes advantageous to trace by hand if 
you want to make one drawing especially 
clean. 



In order to fix a cel with unclear lines, place 
the cel with unclear lines over its animation 
drawing and join the lines by tracing over the 
unclear parts with a pen. The trick is to pay 
attention to the boldness of the fines as you 
draw, as if you were inking in a manga draw- 
ing. For bold lines, draw the contour of the 
line itself using two lines and then fill in the 
space between the two fines with black. 


♦ Difference between hand tracing 
and machine tracing 
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The line may stand out like this when you 
are finished drawing it, but it will not show 
up when it is photographed, so there is no 
need to worry about it. 



Transferring colors other than black to cels 


I 3* Color tracing 


Hand trace lines using the actual colors that will be 
used foi everything that does not have black con- 
tour lines like water, ice, fire and glass and border- 
lines between light colors and shadows even if the 


object is surrounded by a black contour. Shadows 
are not created using gradation, A characteristic of 
animations is the depiction of shadows by clearly 
separating the border between light and dark colors. 



peri< riming (Ik- U-k of coloi iraring 



v ! V , 




A ceJ iJial hu* undergone color triieiug 

Color? air; 1 raced nn animation drawing line? that were drawn colored pencil?. 
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Coloring cels 



4, Coloring 



A 1 1 I hemp; cnlniYij 


Begin coloring the cel once the tracing of all contour 
lines, shadow borders and other lines have been 
completed Coloring is The task of placing animation 
colors on the back of cels. The trick is to ‘place* 
paints on the cels rattier than 'paint* Them on Make 
sure that the colors are ever. 

When the animation colors are hard, dilute them by 
add.ng a little water to make them easie r to apply 
They are the right consistency if you can spread 
them on the cel lightly with a brush. Make sure that 
the paints do not become too thick 



\ i cl that I i t* not been t omplek'ly colored yet 
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Always paint within the lines and make sure there 
are no gaps between colors. A good rule of thumb 
is to only cover half of the width of traced lines with 
animatfon colors. 


You can erase animation colors if you wipe them off 
immediately, If you notice a mistake after they have 
dried, carefully scrape them off using a bamboo 
spatula. 



IV ed a> fmm Vhi n*l 



The i A has been coniptrlrh ■ dored 
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5, Special effects t 

I V 


OravvEng with an airbrush, etc. 



Ce! animations sometimes requ^e special effects that 
cannot be cr eat ed by simply a p p ly i n g c ol o r s w 1 1 h a brush 
In many such situations, an airbrush 15 used to create the 
desired effect An airbrush s used to add gradations, to 
draw clouds smoke and other objects Shat do not have a 
clear contour and to create a shining effect. 

There are other extraordinary techniques for adding 
effects in addition to those created by an airbrush, includ- 
ing deliberately damaging a cel to cause a diffused reflec- 
tion or adding a fight color from above a cel, but these 
techniques a r e being done less and less by the special 
effects sect ion is of late 



Examples of special effects 

created using an airbrush 

IT) Create flushed cheeks 
like these from the 
front of a ceb 

^2JCheck to see that you 
can create the effect 
you want by practicing 
on a sheet of paper you 
do not need before air 
brushing a ceL There is 
no turning back once 
you have applied a lot, 
so make adjustments 
as you go by applying 
it thinly and quickly 
over several blasts of 
paint, 

3] This concludes the air- 
brushing task. Use air- 
brush effects sparingly, 
because if you use 
them too much on a cel 
it will stand out. 
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Citmplotrd cel 





Examples of affects created using an airbrush | 

The light shining through clouds is expressed 
using an airbrush. The majority of the picture 
is done with a brush. The airbrush has been 
used to add spree to the picture. 




The light of a street lamp in the night sky was 
airbrushed in a sharp manner in order to indi- 
cate direction. 



An airbrush is used to make the son look realistic. 
You can express burning flames and brightness. 
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Painting Backgrounds 



There is another material that 
appears on the screen in addi- 
tron to cels: backgrounds. You 
may not notice them much as 
you follow a moving character 
on the screen, but the quality of 
background pictures affects the 
overall quality of scenes. 

Characters are drawn in the 
'manga* style, but background 
pictures are similar 10 fine an 
You think about hue, brightness 
and chroma as you paint. Unlike 
coloring within contour fines, 
you are more like a painter, 
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1, Mixing colors j- Freely create colors 

. . W 

First, get rid of any coloring book-type perceptions 
you nnay have like painting the sky light blue, grass 
green and lemons yellow. In order to paint a space 
with a three-dimensional effect, you have to make 
full use of poster colors, create the optimum colors 
and express depth and the contrast between light 
and shade. A tree trunk will be brown, but the 
brown where light hits it and the brown where light 
does not hit it will be different. When you make col- 
ors, think about what colors are needed to express 
that 


Let’s say you are going to paint the sea and 
sky. The sea is light blue. The sky is also light 
blue. How would you distinguish between the 
two? In picture T|, both the sea and sky were 
painted with light blue with no alterations. If 
you do it right, you can make the painting 
dynamic, as in this example. On the other 
hand, the sea and sky in picture i were paint- 
ed with different shades of light blue. As a 
result, the painting is more dynamic and tran- 
sitions are more pronounced. 
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Color ch a rt 

We have presented actual examples below of mak- 
ing colors darker through mixing for the purpose of 
adding contrast between light and shade to the 
color of an object- 

Often both light and dark colors look like 
totally different colors when they are on the 
palette. For fear of this, you might make the 
mistake of mixing only slightly different 

t. Original poster colors 


Example color preparation for expressing 
the contrast between light and shade 


shades of a color, however, on paper there 
will be no contrast between light and shade, 
You should be bold and make the contrast 
between shades sharp. 



2. Colors are made slightly darker as a result of mixing. 







BD 













Contrast between light and shade was added 
to a white cube using color No, 4 on the oppo- 
site page. Dark green was added to the darker 
parts. 
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Make the light areas 
as light as possible. 


Adi] blue to the brown 
croton tree for variation. 


We isolated colors being used in different 
parts of the picture. Note how different the 
colors look when they are in the picture com- 
pared to when they are isolated. 
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Create a three-dimensional effect by using different levels of color. 











Different ways of applying paints 


2. Basic brush techniques ; 




& Flat application 

This involves even application of a single colon You 
quickly paint right and left using a flat brush, 
Moderately dilute a poster color and repeatedly 
move the brush to the right and left, applying about 
half the width of the brush with each stroke* 
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Groove painting 


This is used when you warn to draw a straight line. When you 
t^v to pamt along a ruler to get a straight line, the paint will 
seep below the ruler and spread. Hold a glass rod (or a chop- 
stick) together with the brush as if you were holding chop 
sticks. Place the glass rod in the groove of the ruler and draw 
a straight line without stopping how that the line will not be 
straight f the distance between the brush and ihe glass rod is 
not Ihe same throughout the motion. Rubbing wax or a simi- 
lar substance in the groove will make the glass rod slide more 
easily and will help prevent jagged lines* 


* - i 









that are painted. You should at least master the typ- 
ical and basic brush techniques. 


Color A; l 4 roiu top to bo Horn 


Movement of brush j 




Color B: From bottom to lop 


r * & Gradation 

* This is a variation of flat application. You paint 
l color A from the top and color B from the bot- 
$ tom in the same manner as flat application, 
J Repeat several times so there are no brush 
* marks. 

^ Blurring 

This is used to make multiple colors hazy. Lightly apply 
color A and then fill in with color B, Move the brush back 
and forth a little where the two colors come together to 
make a secondary color on the paper. 
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How well you use brushes is important when draw- 
ing backgrounds given The nature of the pictures 
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3. Let's begin painting 


Expressing depth 





Trees in a forest 

Drawing each individual tree 
in the distance would he a 
daunting task. Distinguish 
between trees that you want 
withrn viewing range and 
those that are far away while 
at the same time blurring trees 
that are far away using colors 
alone. Emphasize the contrast 
between light and shade on 
nearby trees because they are 
clearly visible. 

Outer space 

Outer space is essentially a 
pitch-black space and depth 
cannot be expressed without 
some objects, but it wsM look 
like outer space if you create 
light areas and dark areas and 
include your image of outer 
space. What you are doing is 
adding accent to a picture that 
potentially could just be a sin- 
gle color Dot the picture with 
stars of varying sizes. Do not 
place the stars In a uniform 
pattern and make sure they 
are not too clumped together. 



A background picture contains both areas that 
should be clearly shown and those that should 
not. Use clear, sharp contours and colors for 
thungs you want to show the most. 


In general, distinguishing between objects in 
the middle and those that are extremely close 
and far away makes it easier to create a sense 
of depth. 



Dark expression of distant views | lh-pth i t\\m ^*<1 In making the foreground bright 

ami I Im: barker <*nmf dark, \ dark background makes 
fur in rnninou« pi v lure. 


Bright expression of distant views } — — Df'plli i- rrealed In making the background bright. 

I’he effect in that of bright sunlight on a spring or 
summer day. 
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Let's try painting 

Expression of Textures 



Clouds and smoke 

If you want to have moving 
smoke, you need to use cels, 
but smoke that has risen 
high in the sky is often used 
in backgrounds. Express the 
spread of smoke by erasing 
edges with an airbrush or by 
other means. Clouds are 
painted in the same manner, 
but the trick with clouds *s to 
consider the direction of 
light and make the contrast 
between light and shade 
clear. Draw the edges of 
clouds with a brush so they 
are not too blurred. Make 
full use of gradation and 
blurring techniques. 



Many flowers 

Painting each individual flower is not practical, so think of flowers in terms of clumps. 
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Thickets 

It is not practical to paint each 
individual leaf on a tree, so 
think of leaves in terms of 
clumps like you would with 
flowers. Think of their overall 
contour as you place colors 
in back and front. Do not glob 
the paint on. You should 
leave spaces so you can see a 
little bit of what is behind 
them. Use your brush care- 
fully when creating spaces. 
Be sure not to spread the 
paint around excessively. 


Close -up of one section 
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Floors 

It is difficult to express 
depth because floors are 
fiat. Add reflections to 
make floors look more 
realistic and create a sense 
of depth. Reflections will 
make floors look smooth. 
You can use this to distin- 
guish between man-made 
surfaces and natural sur 
faces like the ground 
because natural surfaces 
are not smooth. The gap 
between floor tites is black* 
but the edges of the tiles 
themselves are shiny so as 
to create a three-dimen 
sional effect. 


Man-made structures 

Like floors* man-made structures are fiat, smooth 
and mechanical. Always think 'parallel" when using 
your brush. For objects with angles* change the 
movement of the brush in line with variations in the 
surface. 
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Backgrounds for transposition (background transposition) 

For scenes where the background gradually changes from daytime to night, for instance, you make two back 
grounds with the same form, one for daytime and one for night, and express the change by overlapping them. 
How light emerges, how it hits surfaces and even the textures of colors change. 
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Harmonization [ 

Harmony is the presentation of an animation In the 
form of an illustration-type picture using cels and 
backgrounds and not in the normal cel animation 
fashion A cel with contour lines is placed over a 
background picture. The contour is dearer than the 
background and the background offers subtle gra- 
dation superior to the cel You can use this tech- 
nique tor characters to create a symbolic scene. 





(jmtdLH lints irunbtcrred in a n j l — Material I 


Pu'tiin; drawn fur background —Material 2 


* 'nnipEeiicin 

If till 1 |iu fnir will imt innvr. harmonization iron \ 
lit*' n 1r\lUr<\ 


U*,rn| fur mcchs mill * - 1 h * i nlijr* M i*> £r*\nl\ iiiipirn** 






Before photographing | 



Hark ground 



Lei's try placing a cel over a background. By the 
way, more than one cel may be placed over a back- 
ground. It is riot uncommon to place two or three 
cels over a background. 

The first cel put on the background is designated A, 
the next one B and so forth. You do not notice it on 
the TV screen, but cels for a character are sorted in 
this manner 



Background + ( VI A 



Background + 4 -ft A + 4 lT B = iTunpteliem 
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Gallery ) Artist: Hiroyuki Kitazume 


This work is an original drawing done 
for this book. 
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Filming (Photography) 



The pictures will not move with the completed 
materials (cels and backgrounds) alone The pictures 
corne lo life only aher they have been photographed 
and are projected continuously. 

Here .ve will present several specal tech r qu9S 
used when photographing cels and backgrounds 


Farfe-oui 


Fade-in (F.l.) 
Fade-out (F.O.) 


This is done by manipulating 
the camera* You start with an 
underexposed frame and 
slightly increase the expo- 
sure one frame at a time so 
that each picture gradually 
gets brighter. This technique 
allows you to have a scene 
appear gradually* This is 
called fade-in. Fade out is 
just the opposite* A 
will gradually dissolve* 
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Overlap (O.L.) 

First, you photograph a scene so that it fades out. 
Then you rewind the film and photograph the next 
scene so that it fades in. By doing this, the first 
scene dissolves while overlapping with the next 
scene {the next scene appears while overlapping 
with the preceding scene). This is called overlap. 

Overlapping within the same cut is often referred to 
as O.L, Overlapping in the examples presented 
here is called overlap transition because a transi- 
tion is made from one cut to the next using overlap. 
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Material 2 ulittir 


Completed shot 


Double exposure (WXP) 

The expression "double exposure" is often 
used when you alter only a part of a shot for 
some reason, such as when you want to make 
only characters look transparent. 


Mall-rial I a I 


In the example given here, a double exposure 
(often called "daburashr in Japanese) is used 
to create the appearance of a semitransparent 
person reflected in a lens. 


Incident light 



Material I ahm*' 



Material 2 aliMie 


Expression of light shining in from outside a 
shot. After photographing cels and back- 
ground in the usual way, shine a light on some 
object located outside the frame that will 
reflect the light diffusely (there are a variety of 
Things to choose from), and photograph the 
shot with the reflected light in the frame. 



Completed shot 
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Transmitted light 

When you want to make it look like a part of a 
shot is shining, rewind the film after photo- 
graphing cels and background in the usual 
way and then photograph the same frame 
again with light alone. 

Place on the table black paper cut out in the 
shape you want the light to be and photo- 
graph with the light source below. The shape 
will appear in the shot together with the nor- 
mal cels and background. 
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Wavy glass 


You often see expression of swaying water 
as if a shot was photographed under water 
or the shimmer of hot air caused by heat 
from flames. These effects are created 
using wavy glass during photography. An 
acrylic plate with bumpy waves is placed 
in front of the camera. You can create a 
swaying effect by sliding the wavy glass 
vertically and horizontally. 



Ps 

; Flare-transmitted light : Example 1 

\ . ; ' , / 

The area around the sparks from a gun is 
made to look hazy like light escaping. 


Material 2 alone 


Completed shot 





Walwml 1 jil'oms 


^fare-transmitted light Example 2 

Flare-transmitted light is used to express elec- 
tricity. A special cel called a "lith mask" is pre 
pared to make the lines look like they are shin- 
ing. 


Completed shot 
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;Vln(<frinl 2 aknr 



Malcn, ij I almir 



( Pinhole light + cross filter 

, 

Holes were simply cut out of black paper and 
the light source was placed below the film. A 
“cross filter 1 was attached to the lens to make 
the light shine like a cross. 



Completed shot 


80 








Or 


Cha Pter 3 


Wing . 


ions 





'Ve r 


SoLrrce 


Cof/ 




Pub, '^ byAlc 




Carefully Plan Actions 


1. Make the situation clear 

; ’ vo i . ft . n 1 naw a-rviiessiy. v ou 1 .-or- II be nothing 
ti ore than doodlmg Drama is a product o* a 
sequence a variety or events, so you will need to 
draw various scenes, Think of The situation in which 
your character finds himself or herself in terms of 
the following. 

* il Where is the character standing? 

* [2j How far away is the character from other 

characters (if there are any}? 

* !3JAre there any props? 

’ 4jWhat is in the background? 

* lUHow big is the area? 

* 

• 6J What is the direction of the light? 

» ZlOthers 
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How will you present the situation? 

♦ Will you present the character up close or from far away? 



Bust shot 

This is used when you 
want viewers to focus on 
the character. The facial 
expression of the charac- 
ter is accurately conveyed. 




Wide shot 

This is used when you 
want to illustrate the area 
around the character The 
drawback is that it becomes diffi- 
cult to see subtle facial expressions 
on the character. 



♦ Will you show the character from 
looking down? 

Looking up from below 

This angle makes the charac- 
ter look important or full of 
hope. 





below looking up or from above 


Looking down from above 

This angle makes the character 
look dejected or in an unfavor- 
able situation. 



2. Trajectory 

— Think about the action line 

Thank about how to move an object Do not |ust 
think vaguely in terms of the position of the object 
changing. Have a clear idea of the path the object 
will follow. This path is called the ‘trajectory* or 
"action line." The quality of motion is dictated by 
this trajectory, Trajectory is present in all motions 
no matter how small. At this stage you carefully 
plan a motion. 





Even if the starting position and the end 
position are the same, the motion will be 
completely different if the trajectory is dif- 
ferent* As seen in | H 2 1 and 2 ", inserting 
a different picture between 1 and 3 results 
in different motions. The picture you insert 
in the middle will differ depending on the 
trajectory you come up with. 
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When drawing pictures of someone running, 
you tend to focus on the motion of the hands 
and feet, but the body is also moving up and 
down at the same time. Think about both the 
trajectory of the body moving up and down 
and the motion of the hands and feet. 



In a punching motion, the fist travels in a 
straight line, but the elbow does not The free- 
dom to choose what punching motion to use 
offers an animator the chance to show his or 
her skill. 


How the person being kicked falls down will dif- 
fer depending on the motion of the leg doing the 
kicking. The kick should be a rotary motion that is 
natural given the structure of the human body. 
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3. Think about the laws of nature 

A, Gravity and centrifugal force 



When picking up a heavy object, it will 
not look heavy if it is picked up with 
ease You need to draw a picture in a 
way that makes the object look heavy 
Create this effect by drawing a picture 
in which the weight of the obfect looks 
like it is being pulled straight down. 
The motion is adjusted by inserting 
this picture in the middle 


Weight is also exerted on a person 
who is simply standing around A char- 
acter that appears to be floating in a 
state o' weightlessness will not look 
realistic. Use the turns and twists of 
the body to make it look like the cen- 
ter of gravity is over the feet of 3 char- 
acter. 


Not good 





Not good 


When drawing a character in motion, 
do not draw a picture that makes it 
look like the character ss frozen (pic- 
ture f) The picture must look like the 
character is in the middle of a motion 
f picture afk as if the picture was a 
frame that was removed from a film of 
a continuous motion You have to be 
able to take one look at the picture and 
almost feel the centrifugal force and 
the opposing force pulling it 
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B. Inertia 

Objects standing still do not move 
suddenly and moving objects do not 
stop suddenly.. This is called inertia. 


All objects, not just charac- 
ters, can be divided into 



those that move and those 
that are moved. Inertia 
often appears in objects 
that are moved and it fol- 
lows objects that move. You 
could say that objects that 
move pull it. You can 
express motion by stagger- 
ing the timing of movement 
of objects that move and 
those that are moved. 

Inertia is always present in 
the natural world to some 
extent. The amount of iner- 
tia will vary greatly depend- 
ing on the speed of a move- 
ment. Note this when draw- 
ing in-betweens. 




4. Exaggeration (deformation) 

Like a st»!l picture, exaggeration is also used m mov- 
ing pictures Ever if the starting pcs non and the 
end position are fixed, use of exaggeration in 
between wilt give the motion s slightly different fla- 
vor 

Here are some examples of "squishing" and 
'stretching, 1 * The normal action line has been 
ignored intentionally and! the shape of the 
character has been changed to create an exag- 
gerated effect. 



2J Squishing Stretching 
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Jj Before moving 



[2J Winding tip exaggeratedly 


13) Yelling 



In this example, we stuck out the 
chest and drew back the head 
without moving the body at alL 
This ignores the structure of the 
human body, but i , {2 and 1 3 1 are 
moved rapidly so that you only 
see the odd picture for an instant. 


2 } Winding up exaggeratedly 



[3J Taking off suddenly 

The car is coiled like a spring to 
emphasize the rapid start in [3 . 
This technique can be used with 
anything including people, ani- 
ma Is and machines. You see this a 
lot in American animation. 


< 3 : 
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5, Move objects using "ghost" effects 


You have probably iaken a photograph [hat has 
turned out to be blurred The color of people and 
background >n a burred photograph appears to flow 
Even if a photograph >s not blurred the subject of 


your photograph eaves a trailing mage if n moves 
quickly. A 'ghost' effect is used to represent this 
trailing image m order to create- a sense of speed, 



If you try to make it look like the 
chick is moving quickly from i to 
3 , pictures T, T and 3 will look 
like separate pictures if you insert 

I ust picture in between and it will 

not appear to move smoothly. If you 
insert however, the ghost effect 
will make it look like the chick is 
moving quickly from i to j 3 , 



By the same principle, when you raise 
the hands from M to 3 the arms will 
look out of synch if you insert 2 * The 
motion will be rapid and smooth if you 
insert ? \ 
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Let's say you want to instantly move a 
character from the position in i to the 
position in T, You cannot draw an inter- 
mediate character that wifi fit in between 
i and 3 . Here we had the character 
jump from the position in t to the posi- 
tion in 31. A ghost was drawn over the 
trajectory and inserted in the middle. 

Ghosts enable you to move objects at 
speeds that are not physically possible. 

Note that "ghost" effects that exagger- 
ate speed are mainly used in comical 
animations. They are totally unsuitable 
in almost all serious works. 
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Action Points 

First, think about the trajectory and how an action 
will unfold It is not wise, however, to draw each lit- 

- B 

lie movement in order from the begmnrng It is 
more efficient to draw the pictures with the main 
poses first 


1. Start and end of a motion 

Here we are talking about from where to where an 
object will move The first two pictures you need to 
draw are the start and end of a motion. Then you 
can fill fn the gap between them wah the action you 
desire 

Picture u is an upright pole. Picture \ 7 \ is the 
pole on the ground. Pictures [2 1 , 3 , b „ [5] and 
8 are the pole falling. Picture 0] is the pole 
bouncing after htttmg the ground. 


These mam poses are roughly picked out from the 
actions of a character You do not, however, iust ran- 
domly pick them out. You must consider various ele- 
ments. 




□ Start 


□ Start 




A dozing girt tries to 
fight off her sleepi- 
ness. She not only 
opens her eyes but 
also raises her face. 


2] End 


2|End 


A boy looking to 
the side turns his 
head forward. 






From standing position to sitting position. The gap 
between these positions is filled with pictures that 
differ slightly to create an animation of a person sit- 
ting down, 



© "Start and end of a motion" 
and "start and end of a cut" 

The "start and end of a motion" are pictures 1 [i 
and \b , but lefs say you will only show the 
audience pictures [a to * , In this case, the 
start of the cut is picture i and the end of the 
cut is picture 1 8 1, so pictures i to 3 are noi 
necessary. An animated film is made up of 
individual cuts that have been joined together. 
It is not uncommon to leave out the start or 
end of a motion. 




2. Points where power is exerted during a motion 


Like gravity and centrifugal forte, you have to drew 
a realistic picture at points where power rs exerted 
The pic lure will tH + er greatly depending on whether 
you include ih<s pose or exclude it from a motion. 
The picture where The most power is exerted is an 
important par; of a motion Let’s try drawing the 
point where the most power is exerted in a motion. 






3 ] 


Here we have a cat standing i and 
flying ! 3S. The picture with the cat 
flying makes it took hke the cat is 
jumping, but these two pictures 
alone are not enough to make the 
cat fly. Filling the gap between 
these pictures with pictures that 
change bit by bit will only make the 
cat "float. 1 ’ Picture 2 is necessary to 
make the cat fly. 



Picture . is required to move the character 
from picture \ to picture 3 . 
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If you think of the 
state when power 
is not being exert- 
ed as the "normal 1 
state, then the 
state when power 
is being exerted 
can be thought of 
as a state when 
the object 
expands or con- 
tracts relative to 
the normal state. 
Even if the pose is 
the same, it will 
look like power is 
being exerted if 
the audience is 
aware of the 
expansion/con- 
traction* 


Picture 1 2 is required 
to move the character 
from picture V to pic- 
ture h j. 


p.uver l* ruti being evrrH 


PftWtil' tn 
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3. Make motions fluid 

The human body is made up of many parts 
connected by pints It would be strange if 
the movement ol a character were to be 
stiff like a doll being manipulated 





{ 12' ) 
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Picture [2 in both A and B is unac- 
ceptable if you want to draw a char- 
acter turning around. Try drawing it 
so that it looks like the parts doing 
the twisting pull the other parts. The 
face should move ahead of the shoul- 
ders and arms, like in picture *2 \ 


When a part of the body pulls an obiect or another pan of the 
body, rt is called ■'follow through". In cartoons from countries 
other than Japan, you sometimes see motion where one object 
or part of the body appears to be stuck to something, this is an 
exaggeration of follow- through. 

When making a follow through, the farther an object or part of 
the body is from the part that is pulling it # the more you should 
curve it towards its original! position. 
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Picture \ 2 \ is not natural if you are about to 
grab something. Picture 2 1 is necessary. 
It looks like the character is about to grab 
the apple. 



People do not get up tike the 
character in picture 2 , The 
legs and lower back of the 
character in picture 2 1 look 
natural. 



4, How to make motions powerful 


The sane motion will bn viewed differently by the 
audience depending on how apoears on the 
screen 

Whn; you want to create a powerful image, try 
making the motion so big that the picture spills out- 
side the frame, if you try to squeeze the entire pic- 


ture into the frame, the picture and the motion will 
look cramped at The expense of power You can rap- 
idly close the distance between the character ana 
the audience by moving the vantage point (camera! 
closer to the character. The motion of a character 
that is close to you is naturally more powerful. 





Here are some specific examples. Add a pic 
ture where an object on the screen looks like it 
could almost come into contact with the audi- 
ence* For instance, you could have the hand of 
a character pass several centimeters in front of 
the faces in the audience. For such a picture, 
all you have to do is follow the rule of making 
the parts that are near bigger and the parts 
that are far away smaller. 





B lhe exaggeration mentioned earlier was incorporated into these pic- 
tures. Picture [i| is a normal surprised look. Picture |2] has more 
impact. Picture 3 is an w Jt's the end of the world* expression. Picture 
■ is sure to be a hit with the audience. 
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This example also incorporates exaggeration. We 
added a manga-style impact that should not he vis- 
ible through the character's back. 
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5. Main poses within motions 

Unlike the ovoUm lesigned to make a motion com 
sisten! with the dispensation of nature and those 
designed fo r drama he effect shown in the preceding 
sections ' ere we will present poses that most be 
prepared in order to make pictures move 




When having 3 character turn around, jusi 
showing the back view {picture t ) and the 
front view {picture j wifi not give us any idea 
how the face comes into view. You need a pic- 
ture in between that shows this. Without pic- 
ture . # it could possibly look like the charac- 


ter turned around from the left. Furthermore, 
the character could also turn around with the 
neck slightly tilted for dramatic effect. It is 
important to depict, in the form of specific pic- 
tures. the action you have in your head. 




You will want a picture of the side of 
the hand when moving from the top of 
the hand to the palm of the hand. 


* Even when you are not particular about the dramat- 
I ic effect, you should remove the picture in advance 

when the object you are moving is biggest, small- 
est, thickest or thinnest midway through the 

* motion. You should also remove the most complt 

* eated point when the shape of the object changes in 
‘ a complex manner 

#»*#***■•■» *•*##**«* •** ■ » • » a 4* **■#*» 
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The camera moves from above the 
giri to below the girl, A picture of the 
girl from the side is necessary 



The precise size and shape of 
the door cannot be deter- 
mined with just pictures IT 
and 3 , Picture 2 makes it 
clear what kind of door it is. 





6. Analyze motion when drawing 


Use of The word analysis may be going a little too 
far What we want to say is that you should think of 
motion in terms of segments 


u 


A 



jr 

X 
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A "grabbing" motion involves several 
movements: i\ Raising the arm, fz. 
Twisting the arm to facilitate grabbing 
while extending the arm, 3 * Opening 
the hand, 4, Touching the object, [ 5 L 
Closing the hand and 6 . Lifting the 
object up. Performing each of these 
actions separately would look robotic, 
but when performed by a human the 
motion is smooth. 

The motion of grabbing a glass 
requires at feast three types of picture: 
i , 2 and 3 , Almost all the actions we 
subconsciously perform every day are 
made up of a combination of subtle 
movements. Gradually think about how 
objects are moving before drawing. 


When standing up from a chair, a person does 
not float from the position in picture i to that 
in picture 3 , A person has to place their 
weight on their legs [picture j?!). This is also 
the pose where power is exerted. This motion 
is called "preliminary movement - or 'prior 
movement* 
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When throwing a ball, you “prepare" for 
the throw by drawing the ball back to 
build up power. 



A person who is running cannot stop 
on a dime, A movement that shows 
the person reducing speed is inserted. 






Techniques for making motions three-dimensional 

1. Tricks for thinking of pictures three-dimensionally 


Pictures are drawn using contour lines, out shapes 
are not represented ny contour lines atone E^en a 
slight change in the angle at which an object is 
viewed wdl shift hie contour of the object to a dif- 
ferent location 


Since you draw ::on:cur lines to match the angle a i 
which an object is being viewed, a slight change in 
the angle will force you to redraw the three-dimen- 
sional object on a two-chmensional surface as d dif- 
ferent picture, even if it is the same obiecr 




When the ball spins, the contour line j in the 
left picture becomes a pattern line in the right 
picture, and a new contour tine 5 appears. 



Pictures il and 3| appear to be the 
same, but you can tell that it was spun 
by the pattern 



Pictures and 2 show the same hair, 
but the part of the hair that is visible 
changed because the angle of the face 
eba nged. 
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The contour is the same, but a part of 
the objects not visible in picture 1 1 
appears in picture laj (see picture £ h ). 




2. Make sure that characters do not "lose their shape" 


We say that characters 'loses iherr shape" when the same 
character looks different in different pictures Be careful 
because this phenomenon can occur when drawing 
machines and small objects ss well. 




Wot good 


This dog has a normal build. The 
length of its body will not shrink 
when viewed from the side. 



Good 




Not good 



if the cross section of 3 building is square, you need 
to draw it so that the width and depth look the 
same no matter what angle it is viewed from. 



Not good 


For pictures that have to he 
drawn at an angle that offers no 
reference material, you should 
make the atmosphere similar 


D 


Good 





Not good 


A character cannot look like a different person when viewed 
from the front and side (the character would transform into 
another person while turning around). Make a character look 
the same even if the angle from which it is viewed changes. 

Pay attention to the following in order to make a character 
look the same* 

* Accurately grasp the shape of parts 

* Accurately grasp the balance between parts 

* Grasp the atmosphere 

Grasping the atmosphere is particularly difficult, because 
much depends on the latent ability of the artist, but the trick 
to making a character look the same is to give concrete form 
to the visual image of a character. Capturing the atmosphere 
is indispensable. 
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Chapter 4 

Tips for Improving the Fun 
Factor of Animations 


From “Moldivcr Resource Collection” published AJC Club 




Making Animations is the Same as Shooting a Film 



Characters in an animation are actors and animators 
are the cameramen who film the actors You should 
draw pictures as if you were Joolong through a cam- 
era Always be conscious of the 'camera 

1. Think about the visual field, 
visual angle and visual cone 

Pictures w«ll be round if you draw the entire 
exparse of space visible at one Time They will be 
round because both eyes and camera lenses are 
round. This range of sight is called the visual field. 
The screen is one part of the range of sight cut out 
in the shape of a frame In a film, the pictures with- 
in this frame become the visual field of the audi- 
ence. A i one whose base is the visual field and 
whose vertex is at the eye (camera) is called the 
visual cone The angle of the vertex of the cone is 
called The visual angle An object is within the visu- 
al held if it is within the visual angle 



The jihjI cut mil of the vijHijJ field if i the 
of ii fraini? i* *s hat fits on th* him, 
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2. Think about where the horizon is 


The ground wilt generally be completely ffai 
(the earth is round, bui rt s very b g? Think 
about where the horizon is in the picture if 
the eyes are parallel with the ground, the 
horizon will be in the eerier of the screen If 
not, think of this as a yardstick The relation- 
ship between a character and the horizon 
will differ depending on the height of the 
eves (camera height) relative to the charac ■ 
ter A horizon that is above or beiow the 
center of the screen no -cates that the eyes 
are not para lie with the ground. 


' Stamlani pavilion 




Telephoto and wide-angle lenses 

You can have a close-up of a character 
by using a telephoto lens and you can 
make a character smaller by using a 
wide-angle lens, without changing the 
distance between the character and the 
camera. The size of the character with- 
in the frame looks different because the 
telephoto lens makes the visual field 
narrower and the wide-angle fens 
makes it wider 


■ 2 ) Um-eiing thr (low position) 



2/ Looking up fmm J<ns rzuwra p«iii<.>.i3 tlnw an-^ie) 




I .diking down from high camera pu>inon (high angt 
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3. Perspective lines are curved 


The straighter an object is, the more 
curved u will look, This statement may sur- 
prise you, but n true An object that is 
physically straight always has parts that 
are near and far from the eyes {camera! A 
straight obiect will look almost completely 
straight when vowed from the ^ront, but 
the parts of a picture not at the center of 
the visual field wifi be viewed at an angle 
from the eyes (camera*, so the distance 
will be different relative to the front view 
You will need to deftly distinguish between 
these differences in angle and distance 
when drawing 


Conceptual drawing of spatial distortion 
as seen through a lens 



Appears U 


Completely 
flai ^rnrnd 


Appears lo he 
ai an angle 



Let's say we are looking at a straight walk 
When the wall is viewed from directly in front 
of it (frame a), ail the lines appear to be 
Straight, parallel lines* When you move your 
eyes to the right, however, you are viewing 
the wall diagonally (frame b), and the wall 
lines are no longer parallel. 

Since the angle at which the wall is viewed 
becomes sharper the farther in the back you 
go, the portion of the wall (frame c) between 
the edge of the wall and the front can only be 
drawn with wall lines that are curved. 


We drew a building based on the preceding con- 
cept When you try to combine in one picture 
the part of the building you look up at, the part 
you look down at and the part in between, with 
their different perspectives, you end up with a 
mysterious building made up of all curved lines. 
If you show this strange picture only within their 
respective frames, it will not look that out of 
place. This type of picture is often drawn inten- 
tionally when making an animation* 



no 







4. Exaggeration of perspective 

A close-up of the same character created using 
a telephoto lens and that created using a wide* 
angle lens wilt be different. 

Since the wide-angle lens has a wider visual 
field, you have to be very close to the character 
to get 3 dose-up. Such a shot will be powerful 
because the character is near the audience. In 
order to let the audience know that it is near the 
character, you have to draw a picture that gives 
the impression that ft was shot with a wide- 
angle lens. Exaggeration of perspective is an 
effective means of creating this difference 








Figure 1 


We drew a curved character. It does not look 
strange, however, when viewed only within 
frames. This drawing was designed to express the 
camera work shown in Figure 1. Characters are 
sometimes drawn strangely on purpose for dra- 
matic effect, not just to distort perspective. 



The mystery behind a seemingly s| range picture is solved 
when you are aware of the presence oi the camera. 


Ill 






Let's say that a camera is placed in a certain posi 
tton and a character walks in front of it in a straight 
line. The character passes in front of the camera. 



The character is viewed from the side the instant it 
goes by the camera (bh but when it approaches fa) 
and moves away from (c) the camera it is not 
viewed from the side. This is because the angle of 
the character as seen from the camera is different 
in each frame* 


Conceptual drawing of walking action 









We drew two standing characters to look at the 
difference between them. When the characters 
are viewed with the same lens, both characters 
pretty much face the camera when they are 
shot from a distance, but they look like they are 
turning away from each other when shot close 
up. Even if the way the characters are standing 
does not change, a change in camera position 
not only changes the size of the characters but 
also affects other changes. The direction the 
characters are facing in each picture is the 
direction of spatial distortion. 





look as if they are turning a wav from each other. 
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5. Depth 

When you watch Formula 1 racing on TV. ihe cars loo* 
like they are crawling along when you see them from far 
away, but they appear to gradually pick up speed as they 
get closer Even if the cars are moving at the same speed, 
the distance they travel and the "change m size' increase 
with increasing speed as the cars get closer, and they 
move extremely fast very close up 

There is a large difference m the amount of change 
between The cars in the distance ana those nearby even 
if physically they are moving the same distance and at the 
same speed 


faQ — CU j=C — O* 

® © 



ED 


© 

To 



Movement in the depth direction is expressed by changing 
the size of an object. If the movement from T: to % is viewed 
from the front, then A and B are equivalent to £ and d). 
respectively. 

Speed is expressed in terms of percentage change, If the 
speed of the movement is the same, (a) is correct. The fore- 
ground is slow in (b£ 



The pictures needed for the 
same action will differ depending 
on whether the length of time 
required foi the action is long or 
short Further more, the image of 
the screen ft self will differ, is The 
action slow quick or a combina- 
tion of the two? If it is a combi- 
nation of the two, think about 
how the pace is varied 


(A) 



,14 




B-5(same «$ A-3) B-4 8*3 8-2 B-1{same as A-ll 


Timing of Actions 


1. Speed of actions 

A-1 and B-i are the same pictures as are A-3 and B- 
h Using these pictures,, we created an action with 
ohf: cycle consisting o* four pictures (A) and an 
action with one cycle consisting of eighx pictures 

B which has more pictures, naturally appears to 
move slower, but cid you notice that this is not just 
because there are more pictures ? Both A-2 and B-3 


are in the middle of Ad and A-3 and B-' and B-5, 
respectively. Put they are sightly different A 4 and 
8*7 are a ; 50 different. Th^s occurred because die 
animator determined, based on experience and intu- 
ition that these pictures were necessary if the char- 
acter was to move at a certain speed As you can 
see, n is important to imagine the speed of an action 
in your head and draw the pictures necessary for 
me motion. 




co 

i 

CD 


CD 


00 

f 

m 




Both pictures show a character 
running, but they are quite dif- 
ferent The pictures will be dif- 
ferent if you are conscious of 
the speed at which the charac- 
ter is running as you draw. 



2 . Three frames, two frames and one frame 


Movie film runs at twenty-four 
frames per second. Television and 
other video signals use 30 frames 
pei second. That is equivalent to 24 
or 30 fhp-it cartoon pictures in the 
course of one second in the case 
of most Japanese animations 24 
frames per second are used and 
the same picture is used for three 
consecutive frames, so you only 
need eight pictures per second. 
This is done because the pace of 
motion is altered by manipulating 
the length of time each picture ;S 
shown, making use of the fact that 
an object will appear to move with 
as few as eight pictures The same 
picture is usually shown for three 
consecutive frames (filming on 
threes) and then only two frames in 
a row {filming on twos) or one 
frame dull animation) for special! 
scenes The motion will be faster 
only where one or two frames are 
used (machine traced or hand 
traced), 

Even if the motion is the same, the 
pictures will differ depending on 
whether the pictures in between 
are filmed on threes or whether it 
will be full animation requiring three 
pictures This is the same as each 
picture being different depending 
on how many pictures will be used 
rn between that we mentioned 
before. 

The quality of motion will depend 
on how many pictures are used, 
how many frames each picture is 
filmed and what kinds of pictures 
are used. 
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3. Number of in-betweens 


Tlirrr in -between* 


Once the key points of an action have been f^awr* the 



drawing 


KrV 

m 

drawing 


Kt's 

■ bitting 


next step is to # iil in the gaps between them To do this, 
you have *o have thought about how many frames each 
picture wil oe filmed and how many pictures wiM be used 
to till m the gaps The key points of an action are called 
key drawings" and filling the gaps between key drawings 
s catted 'in-betweening !t is important to know how 
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Time sheet 


How many in-betweens will there be and how many 
frames will each be filmed? It can get confusing try- 
ing to keep track of this in your head, so a table is 
used. This table is called a time sheet in the domain 
of animation. The time sheet has places to write 
actors' lines and camera work in addition to infor- 


mation about moving pictures (see page 124 for an 
illustration of a complete time sheet and further 
details) 

A time sheet could be thought of as the blueprint for 
3 single cur. Animations are filmed on the basis of 
*hese time sheets 

By numbering pictures consecutively 
on a time sheet, you can see at a glance 
what the total number of animation 
drawings will be when a certain num- 
ber of in-betweens are used. The left 
columns are for indicating key draw- 
ings and the number of in-betweens. 
The right columns are the numbers of 
animated drawings that need to be 
completed. 


F — 


Every animator must have a stopwatch. An ani- 
mator moves a character in hiaor her head ami 
times the movement. 


► - v”-" , . 


: . .-VS. 

m * 


■ 


ff there are exactly two seconds between two 
fcey drawings, you will need 15 pictures if each 
is used for three consecutive frames and 23- pic 
cures If each is used for two consecutive 
frames. 
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— Filling the gaps between key drawings 


4. In-betweening 

Now then, let's do some in-betweening. Confirm 
the number of pictures between two key drawings 
and then go ove r again in your head the motion you 
nave planned The thing that looks like fish bones in 
the illustration is used to designate how many pic- 


tures there will be between two key drawings and 
to what extent the in-betweens should change. The 
longer the distance between the numbers is, the 
greater the movement or change will be. 



^ ® Key drawing number 




3 

In-betweens 




Animation drawing number cel number 



Action 




This is a portion of a Time sheet desig- 
nating that the same picture will be 
filmed for three consecutive frames and 
there are three in-betweens. 

The column for cel numbers has been 
filled in based on this. Assign anima- 
tion drawing consecutive numbers to 
the animation drawings. 


120 




•••••••••••••••A 

Sometimes no in-betweens 
are needed between key 
drawings. In-betweens can 
also be placed at almost equal 
intervals. These in-betweens 
will not be used if you are 
aiming for a realistic scene. 







5. Peg bar alignment 

Drawing key drawings is a very difficult task, but 
drawing in-betweens is no less so. After all, you 
have to draw characters that look just like those m 
the key drawings many times and from different 
angles and m different sues 


Peg bar alignment is a method used to help make in- 
betweening a little faster arid more accurate. Peg 
bar alignment *$ a method and not a technique, so 
anybody can do it once they know how 


o 




JJ Pay attention to the trajectory, interval 
and other elements of a mol ton and deter- 
mine where the picture should be posi- 
tioned. You may want to draw a light out- 
line. 


2J Remove all the animation paper from the 
peg bar and move the paper so that the 
pictures on the key drawings overlap. 


ho- (•— I) mowd. 
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j3j Place the animation paper with the out- 
line on top so that it overlaps with the key 
drawing. Look at the etiyc 
tion paper and the orientation of the peg 
bar holes to make sure that each forms a 
uniform arc. 


The two key drawings and the outline 
overlap. In this position, draw a picture 
intermediate to the key drawings. If the 
nicture is not intricate, all you have to do 
is on i. ply draw lines between the two 
lines. 


Create size and shape of interval 


A-© A-@ 




;6J When there is a big difference between the two key draw- 
ings, perform peg bar alignment multiple times at differ- 
ent parts to come up with one picture. 
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Character Design 


Do you all have your own original character? It does 
not matter if it looks similar to that of a famous 
artist Drawing will be more enjoyable if you have a 


character that is easy for you to draw The question 
is can your character be used m any kind of anima- 
tion? 


There are two main types of characters that are used in animations 



Cart oon- like characters deformed} 

-“***•- ‘V- - * vSfgpafccfr i 


There are also a variety of stories. 

Warm family animations Mecha and robot action stories 


School love stories 





stones, etc 



Sports stories 


Each type of story has its own concept of the world end characters thai 
match that concept You may have to abandon the characters you can 
draw easily and make characters demanded by the concept of the world 




\ rule, radoon-likt* 
character (deformed i 


\ "lightly ( sirtoon-iikt character 
capable n| cultural actions 


A photohke chnr.ii in 
ivith realism height 
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Making cartoon-like objects match characters 


How eaftoorHike you should make your drawings is 
no* limited to characters. Think of the objects \r\ a 
picture as pari of a character. 



It ihi i rhiirwrier h*>ks llii’ &«n<1bag should 

|r«»k f^Jll ,|* Well, 



ITh* siz r of a receiver reblive to ;i real human ■ * used 
without nJtr ml ion. 



\ real sandbag i* noi inflated like this, f he sandbag 
wa> modr cartoon-like (o fit the image nl tin- picture 



The size and >hapr cti thr receive nutrh the 
caf 1 (Kin-hkr hand. 
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Ohjcols drawn faith lull} urc vcrv n ili^lu:. You l unnnl 
pul rHt'toon-like characters w \\ to *U'-Ij objects. 


< tm , ^ 3 *>- . ; t 1 match the le dir 
rlun< wi* atm: diflwn in* but n**U- fbal in (in 
rasp *»J r«irs iT.fl H-omp other ohjecK lh**ff i- 
nnf irti, niueli diiipre.nep tvom l U pii reali^Ur 
Ciumie malts. 





Creating Animations on a Computer 


As we have demons! rated, production 
of cel animations requires a tremendous 
amount of time and labor. As such, peo- 
ple who are good at their respective 
tasks collaborate to produce them In 
other words, one person does not per- 
form all the product ton tasks They are 
divided up among many people There 
are many people who want to make an 
animation by themselves, but that is like 
saying you want ro build a car, which 
would involve designing the car, manu- 
facturing the metal* plastic, urethane, 
rubber, glass and cloth and putting it 
together all by yourself, so you can see 
that it entails an enormous amount of 
work, 



With the spread of personal computers and their 
increased performance, however, people can now 
make animations relatively easily without any spe- 
cial equipment if it is for thetr own personal pleas- 
ure, You need the following to make animations on 
a computer 

1 . Personal computer 

2. Graphics software 

3. Animation software 

You can make a very simple animat or with just the 
above. 

You also need the following if you want to make a 
higher quality animation 

4 If you use editing software you can adjust the 
timing of movements and more easily join cuts. 

5 If you have a scanner, you can scan into your com- 
puter pictures drawn accurately by hand. 

6. If you have a video input device, you can record 
your animation on video. 

If you spend the right amount of money, the quality 
of your animations will be the same as the quality of 
those on television We suggest you start by having 
a small character move around a little 

Use of computers is now commonplace in the ani- 
mation industry Computers are also a necessity for 
people in the him industry as well If you are think- 
ing about becoming a part of the mdustry in the 
hjture. it cannot hurt to familiarize yourself w*th the 
use of computers in fifm 
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Background lines were ere- 

The software’s airbrush alel J using 3D computer 

function was used for gradation. Contour lines were drawn as animation graphics called fractals. 



CG: Hiroki Td ken chi 


Types of computer graphics 

There are two main types of computer graph- 
ics: two- and three-dimensional. 

^^^^v^imensiona^ompiite^rapliic^^^j 

You draw a picture on your computer like you 
would on paper. It is like drawing a picture directly 
on your computer monitor, so it is very similarto cel 
animations. 

This is like making a doll inside your computer. You 
let the computer compute how the graphics will be 
shown on the monitor. All you do is indicate the 
shape, color, camera work, lighting and motion. 

Common way of making a 2D animation 


Scanning | 

You input the lines of animation drawings into your 
computer with a scanner, You can keep the frames 
aligned if you attach a peg bar to the scanner, 

* Scanned lines are often broken. You touch them 
up on the computer without the color escaping. 

* There are two ways to handle backgrounds. You 
can scan a colored drawing or you can scan a line 
drawing and color it on the computer. 

Use the colors of your choice. Just remember to use 
the same colors for a character even f the picture is 
different. Unlike cels, you do not have to get too 
nervous because you can always redo it if you make 
a mistake. 


Preparation of animation drawings 

* Done by hand and involves materials (pic- 
tures on paper) 

I 

Scanning 

* Everything from this stage on is processed 
by the computer 

I 

Coloring 

I 

Camera work Done on computer, 

_ „ . J no materials 

Editing 

I 

Completion — 


You can magnify and reduce pictures to a certain 
extent, but in the case of major camera work, you 
will need large materials for that purpose for both 
characters and backgrounds. Like cel animations, 
you have to have a plan when using a computer as 
well 

j Editing | 

If you designate a motion on the software's interna! 
time sheet (or its equivalent), It should execute the 
motion just as you designated. Note that computer 
animations are sometimes 30 frames per second. 
This is where you splice cuts together and adjust 
the length of cuts so that the scenes flow smoothly 








Question 1 Choose the word (A B or C) that matches the state of 
mind and position of tha character and how the character is 


viewed by the audience for each of the following three pictures 



V. Calm / It, Cniifronfah'inul / < ^rrif nxl 


Question 2 (Same as Question 







A. S'Uittrriijr / It. kquul / k. Ififprtur 
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Question 3 (Same as Question 1) 





\. Striilij’rr R. Krirni! < Ont'M'tf 


\n*Kftr* 
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5 fMHMli fur I niim l rififrw^r and 
t) |Mijnh fur no imrovcrs 
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An animator is a painter, actor and cameraman. Only professional animator. Do you have what it takes to 

people who are good at all of these can work as a be an animator? 


Question 4 Which of the following four poses would you draw if you were practicing drawing? 



Question 5 Do you often compare drawings 
with those around you? 

A. Often 

B. Sometimes 

C. Never 

Question G How much do you draw every 
day on average? 

A, Almost none 

B, One hour 

C, Five drawings 
D> Three pages 
E, More 


Question 7 Have you kept your old draw- 
ings? 

A. No, none 
B* Yes, many 
C, Yes, some 


Question 10 Let's say that you are taking 
a test for employment at an animation 
production company. As part of the test, 
you are asked to draw any picture you 
want. You have one hour to complete it. 
Try drawing in an hour the picture you 
would likely draw in such a situation, 

(Jive yourself 10 points if you completed it within 
an hour. Give yourself o points if it took longer 
lh one hour You get no points if you thought 
this was a stupid question and are now looking al 
ih is answer. 




Score: ® 10 poinLs/© 6 points/© 4 points/© 2 points 


Question 8 Which part of an actor do you 
focus on when you watch dramas on televi- 
sion? 

A. Eyes 

B. Waist, hands 

C. Entire body 

D. Face 

E. Everything including surrounding set 

Question 9 Do you often read the credits of 
animations? 

A, More than most, I think 

B, I know every voice actor 

C. I only look at the pictures 

D. Only when I feel inclined 

Score: Each of these questions is worth 10 points* 

Yo n gc t 1 0 poi n ts i f you a n s w er \ m in eri ] at e I y, 5 points 
if you hesitate briefly and 0 points if you have to 
think it fiver. 


Evaluation 


91 - 100 points: You should become an animator, The ani- 
mation industry is eagerly waiting for ambitious people 
like you. 

71 - 90 points: You have talent. You have a good chance of 
becoming a professional animator. 

51 - 70 points: You show promise, but you may just remain 
in the realm of an animation fan. It is up to you. 

0 - 50 points: If you cannot think of becoming anything 
other than an animator, you had better make a habit of 
drawing, watching movies and studying. 






Entering contests 

At the beginning of this book, we said That there 
was no pi ace for amateurs to present tbe*r works. It 
is true that there is nothing well known like the 
comic market. But there are rn fact a variety of ani- 
mated film festivals and contests around the coun- 
try. It may be impossible to have your animation pre- 
sented at a big international festival, but you might 
have a chance with a local event sponsored by an 


amateur group Animation production requires a 
huge amount of work, but that makes the pleasure 
of seeing the finished product all the greater. And n 
is exciting to think that many people may watch it 
and have a good time. 

There are many notices of animation festivals in ani- 
mation and film magazines. We suggest that you 
make animations and present them. 


Wnst do you think after having finished reading this 
book? We feel that the book will have fulfilled its 
role if we were able to convey to you even a little of 
how animations are made, how they are drawn, 
how people collaborate to produce them ano now 
difficult but fun and fulfilling the work is. 

This is a fun, easy-to-understand and edifying intro- 
ductory book brought fo you by AIC, which employs 
many popular animators and has garnered much 
attention in the industry, and Yoyogi Institute of 
Animation, which has an excellent reputation as a 
trainer of animators It is a unique book that com- 


bines information from people actually producing 
animations and information from those educating 
animators. It is not, however, just unique We 
believe that this book gives readers a broad outlook 
of the world of animation, not just one side or the 
other. We hope that this book deepens your under- 
standing of the world of animation 

Hiroyuki Kitazume of AEG and Shinzaburo Takashima 
of Yoyogi Institute of Animation played a central role 
in preparing the manuscript for this book. We would 
like to express our deep gratitude to them (Graphic- 
sha Publishing Co., Ltd ? Editorial Department) 
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